// 引入公用的自定义函数
var $ = require('../../../utils/js.js');
var img_gy_src = $.img_gy_src;

Page({
  // 页面的初始数据
  data: {
    // 图片路径的公用部分
    img_gy_src: img_gy_src,

    // 是否同意协议
    xie_yi: true,

    // 要提交的数据
    //logo
    logo_image: "",
    dizhi: "",
    //门店图片
    shop_images: [],
    //经度、纬度
    longitude: "",
    latitude: "",

    // 上传图片的数量
    add_imgs_number: 100,

    // 店内设施中的选择数据
    dnss_data: [{
      title: "WIFI",
      id: "1",
      xz: false,
    }, {
      title: "停车位",
      id: "2",
      xz: false,
    }, {
      title: "支付宝支付",
      id: "3",
      xz: false,
    }, {
      title: "微信支付",
      id: "4",
      xz: false,
    }],
    //行政区代码
    area_code: '',
  },
  // 生命周期函数--监听页面加载
  onLoad: function(options) {

  },
  // 生命周期函数--监听页面初次渲染完成
  onReady: function() {

  },
  // 生命周期函数--监听页面显示
  onShow: function() {

  },
  // 自定义函数   开始
  // 上传shop_logo
  shop_logo_fun() {
    var that = this;
    $.add_img(1, function(res) {
      that.setData({
        "logo_image": res.data.data.url,
      })
      // 成功回调
      res.success();
    });
  },
  //定位
  location() {
    // 判断用户是否授权
    $.ding_wei((data) => {
      this.setData({
        ding_wei: data.root
      })
      console.log(data.root);
      if (data.root) {
        var that = this;
        wx.chooseLocation({
          type: 'gcj02', //返回可以用于wx.openLocation的经纬度
          success: function(res) {
            var latitude = res.latitude //维度
            var longitude = res.longitude //经度
            // 根据经纬度逆向解析
            $.qqmapsdk.reverseGeocoder({
              location: {
                latitude: latitude,
                longitude: longitude
              },
              success: function(res) {
                // 行政区划代码
                var area_code = res.result.ad_info.adcode;
                that.setData({
                  area_code: area_code,
                })
              },
            });
            var dizhi = res.address
            that.setData({
              longitude: longitude,
              latitude: latitude,
              dizhi: dizhi,
            })
          }
        })
      } else {
        $.dui_hua({
          content: "定位功能需要授权地理位置才可用，请授权后再试。",
          r_text: "打开授权",
          l_fun: () => {

          },
          r_fun: () => {
            // 打开授权设置页面
            $.open_root();
          }
        })
      }
    })
  },
  // 店内设施选择
  dnss_fun(e) {
    var index = e.currentTarget.dataset.index;
    var dnss_data = this.data.dnss_data;
    var br = dnss_data[index].xz;
    dnss_data[index].xz = !br;
    this.setData({
      dnss_data: dnss_data
    })
  },
  // 点击添加图片时触发
  add_img_fun() {
    var that = this;
    // 获取当前图片数组的长度
    var length = this.data.shop_images.length;
    // 还可以添加图片的数量
    var add_imgs_number = this.data.add_imgs_number - length;
    // 如果还可以添加图片
    if (add_imgs_number > 0) {
      $.add_img(add_imgs_number, function(res) {
        // 获取shop_images
        var new_imgs = that.data.shop_images;
        // 将新的网络图片路径存入数组
        new_imgs.push(res.data.data.url);
        // 更新数据
        that.setData({
          "shop_images": new_imgs,
        })
        // 继续上传下一张图片
        res.success();
      })
    }
  },
  // 删除图片的函数
  remove_img_fun(e) {
    var index = e.currentTarget.dataset.index;
    var imgs = this.data.shop_images;
    imgs.splice(index, 1)
    this.setData({
      "shop_images": imgs,
    })
  },

  // 点击协议时选择或者取消选择
  xie_yi_fun(e) {
    this.setData({
      xie_yi: e.detail.value,
    })
  },
  // 点击协议时查看协议
  look_fun() {
    $.open("/pages/xie_yi/xie_yi?name=ptyhfwxy");
  },
  //提交表单
  form_fun(e) {
    var that = this;
    console.log(e);
    var detail = e.detail.value;

    //店内设施
    var dnss_data = this.data.dnss_data;
    var shop_devices = [];
    dnss_data.forEach((obj) => {
      if (obj.xz) {
        shop_devices.push(obj.id);
      }
    })
    shop_devices = shop_devices.join(",");
    //门店图片
    var shop_images = that.data.shop_images.toString();
    //图片、门店名称、商铺地址、营业时间、门店简介、门店
    if (!that.data.logo_image) {
      wx.showToast({
        title: '请上传logo',
        icon: 'none',
        duration: 2000,
      })
    } else if (!detail.shop_name) {
      wx.showToast({
        title: '请填写门店名称',
        icon: 'none',
        duration: 2000,
      })
    } else if (!detail.shop_address) {
      wx.showToast({
        title: '请选择店铺地址',
        icon: 'none',
        duration: 2000,
      })
    } else if (!detail.business_hours) {
      wx.showToast({
        title: '请选择营业时间',
        icon: 'none',
        duration: 2000,
      })
    } else if (!detail.desc_content) {
      wx.showToast({
        title: '请填写店铺简介',
        icon: 'none',
        duration: 2000,
      })
    } else if (detail.desc_content.length >= 500) {
      wx.showToast({
        title: '店铺简介最多输入500字',
        icon: 'none',
        duration: 2000,
      })
    } else if (that.data.shop_images.length <= 0) {
      wx.showToast({
        title: '请选择至少一张门店照片',
        icon: 'none',
        duration: 2000,
      })
    } else if (!detail.cat_id) {
      wx.showToast({
        title: '请选择入驻分类',
        icon: 'none',
        duration: 2000,
      })
    } else if (!this.data.xie_yi) {
      wx.showToast({
        title: '您未同意平台用户服务协议',
        icon: 'none',
        duration: 2000,
      })
    } else {
      //提交
      $.ajax({
        url: "/shops/apply",
        method: "POST",
        data: {
          formid: e.detail.formId,
          shop_name: detail.shop_name,
          shop_address: detail.shop_address,
          longitude: that.data.longitude,
          latitude: that.data.latitude,
          business_hours: detail.business_hours,
          logo_image: that.data.logo_image,
          desc_content: detail.desc_content,
          shop_images: shop_images,
          shop_devices: shop_devices,
          cat_id: that.data.form.type_data.id,
          area_code: that.data.area_code,
        },
        success: function(res) {
          $.href("/pages/my/shen_he/shen_he?sh=2");
        }
      });
    }
  },


  // 自定义函数   结束
  // 生命周期函数--监听页面隐藏
  onHide: function() {

  },
  // 生命周期函数--监听页面卸载
  onUnload: function() {

  },
  // 页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh: function() {

  },
  // 页面上拉触底事件的处理函数
  onReachBottom: function() {

  },
  // 用户点击右上角分享
  // onShareAppMessage: function() {

  // }
})